/* 设置常见的屏幕尺寸，修改里面的html文字大小，此例将屏幕划分为15份 */
/* 设置默认值，如果是PC端打开的页面，要设置在最上面 */
html{
    font-size: 50px;
}
a{
    text-decoration: none;
}
input{
    border: 0;
    padding: 0;
    outline: none;
}
// 320px
@no:15;
@media screen and (min-width:320px) {
    html{
        font-size: (320px / @no);
    }
}
// 360px
@media screen and (min-width:360px) {
    html{
        font-size: (360px / @no);
    }
}
/* 375px iphone6/7/8 */
@media screen and (min-width:375px) {
    html{
        font-size: (375px / @no);
    }
}
// 384px
@media screen and (min-width:384px) {
    html{
        font-size: (384px / @no);
    }
}
// 400px
@media screen and (min-width:400px) {
    html{
        font-size: (400px / @no);
    }
}
// 414px
@media screen and (min-width:414px) {
    html{
        font-size: (414px / @no);
    }
}
// 424px
@media screen and (min-width:424px) {
    html{
        font-size: (424px / @no);
    }
}
// 480px
@media screen and (min-width:480px) {
    html{
        font-size: (480px / @no);
    }
}
// 540px
@media screen and (min-width:540px) {
    html{
        font-size: (540px / @no);
    }
}
// 720px
@media screen and (min-width:720px) {
    html{
        font-size: (720px / @no);
    }
}
// 750px
@media screen and (min-width:750px) {
    html{
        font-size: (750px / @no);
    }
}